<template>
  <div class="dash1-content">
    <div class="item">
      <el-card class="box-card">
        <template #header>
          <div class="card-header"><span>今日待检</span></div>
        </template>
        <span class="text-val" style="font-size: 143.333px">17</span>
      </el-card></div>
      <div class="item">
      <el-card class="box-card">
        <template #header>
          <div class="card-header"><span>今日待维修</span></div>
        </template>
        <span class="text-val" style="font-size: 143.333px;">07</span>
      </el-card></div>
      <div class="item">
      <el-card class="box-card">
        <template #header>
          <div class="card-header"><span>今日待保养</span></div>
        </template>
        <span class="text-val" style="font-size: 143.333px">28</span>
      </el-card></div>
      <div class="item">
      <el-card class="box-card">
        <template #header>
          <div class="card-header"><span>今日停机时长</span></div>
        </template>
        <span class="text-val" style="font-size: 143.333px">41</span>
      </el-card></div>    
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {},
};
</script>

<style scoped>
.dash1-content {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.item {
  height: 200px;
  width: 200px;
  margin-left: 10px;
}
</style>